<template>
  <div class="van-field-dict">
    <van-form :readonly="readonly"  input-align="right"  :disabled="disabled">
      <van-field-dict :disabled="false" label="姓名" v-model="value1"></van-field-dict>
      <van-field-dict label="证件号码" v-model="value2"></van-field-dict>
      <van-field-dict label="手机号" v-model="value3"></van-field-dict>
      <van-field-dict label="地址" type="textarea" v-model="value4"></van-field-dict>

      <van-field-dict label="姓名" maskType="name" v-model="value1"></van-field-dict>
      <van-field-dict label="证件号码" :isMask="false" maskType="idCard" v-model="value2"></van-field-dict>
      <van-field-dict label="手机号" maskType="mobile" v-model="value3"></van-field-dict>
      <van-field-dict label="地址" type="textarea" maskType="address" v-model="value4"></van-field-dict>
      <van-field-dict label="前三后四" :isMask="true" :maskMiddle="value5.length"  v-model="value5"></van-field-dict>
      <van-field-dict label="前三中三后四" :readonly="false" :maskStart="3" :maskMiddle="3" :maskEnd="4" v-model="value6"></van-field-dict>
      <van-field-dict label="默认值" defaultVal="恭喜发财" maskType="name" v-model="value7"></van-field-dict>
    </van-form>
  </div>

</template>

<script>
export default {
  data() {
    return {
      disabled: false,
      readonly: false,
      mask: false,
      value1: "沈小布",
      value2: "35062418892031",
      value3: "18859661234",
      value4: "宁夏回族自治区闽宁镇涌泉村芗城路142号",
      value5: "1234567890",
      value6: "13145021314",
      value7: ""
    }
  },
  created() {

    setTimeout(() => {
    }, 2000)
  }
}
</script>

<style>

</style>